window.addEventListener("load", function () {
	// 功能一:api分类移入移出效果
	// 定义一个变量来保存之前的旧路径;
	let oldUrl = "";
	// 获取li节点列表并遍历每一个
	$(".classify-list li").forEach(function (v) {
		// 添加鼠标移入事件
		v.addEventListener("mouseover", function () {
			this.style.transition = "all .5s";
			// 移入改变背景颜色
			this.style.backgroundColor = "#2f7ee9";
			// 移入改变字体颜色
			this.style.color = "#fff";
			// 定义一个变量来接src的路径
			let imgUrl = this.firstElementChild.src;
			// 定义一个字符串变量来存入找到的路劲后缀名
			let str = imgUrl.slice(imgUrl.lastIndexOf("."));
			// 将src路径替换成新路径
			this.firstElementChild.src = imgUrl.replace(str, "-c.svg");
			// 把就路劲存入变量
			oldUrl = imgUrl;
		});
		// 添加鼠标移出事件
		v.addEventListener("mouseout", function () {
			// 移出改变背景颜色
			this.style.backgroundColor = "#fff";
			// 移出改变字体颜色
			this.style.color = "#000";
			// 移出将就路劲赋值到src
			this.firstElementChild.src = oldUrl;
		});
	});

	// 功能二:独角兽轮播图
	// 获取轮播图节点
	const bgNodes = $(".unicorn-banner");
	// 默认第一张图显示
	bgNodes[0].style.opacity = 1;
	// 定义变量num为1
	let num = 1;
	// 添加周期定时器
	this.window.setInterval(function () {
		// 遍历bg节点
		bgNodes.forEach(function (v, i) {
			// 排他思想,让所有都显示为透明
			v.style.opacity = 0;
		});
		// 把num设为索引,让每次num对应的索引显示
		bgNodes[num].style.opacity = 1;
		//索引num递增
		num++;
		// 判断索引是否大于伪数组最后一位索引
		if (num > bgNodes.length - 1) {
			// 条件成立将索引num重置为0
			num = 0;
		}
	}, 3000);

	// 功能三:返回顶部按钮
	// 获取返回顶部按钮节点
	/* $(".returntop");
	// 让按钮默认隐藏
	$(".returntop").style.display = "none";
	//给window添加滚动事件
	this.window.addEventListener("scroll", function () {
		// 定义变量st接根节点距离顶部的距离数值
		let st = document.documentElement.scrollTop;
		// 判断变量st是否大于500
		if (st > 500) {
			// 大于返回顶部按钮显示
			$(".returntop").style.display = "block";
		} else {
			// 不大于返回顶部按钮隐藏
			$(".returntop").style.display = "none";
		}
	});
	// 给节点绑定点击事件
	$(".returntop").addEventListener("click", function () {
		// 点击返回顶部
		window.scrollTo({ left: 0, top: 0, behavior: "smooth" });
	}); */

	// 功能五:服务区域,移入去搜索变大
	//获取节点伪数组
	$(".service article div");
	//遍历伪数组
	$(".service article div").forEach(function (v) {
		v.addEventListener("mouseover", function () {
			this.lastElementChild.style.transition = "all 1s";
			this.lastElementChild.style.fontSize = "20px";
			this.lastElementChild.style.fontWeight = "bold";
		});
		v.addEventListener("mouseout", function () {
			this.lastElementChild.style.fontSize = "11px";
			this.lastElementChild.style.fontWeight = "normal";
		});
	});
	// 功能六:惠集列表移入背景变色,字体变色
	// 获取列表节点伪数组
	$(".APImaster-list li");
	// 遍历伪数组
	$(".APImaster-list li").forEach(function (v) {
		v.addEventListener("click", function () {
			$(".APImaster-list li").forEach(function (v) {
				// console.log(v);
				// console.log(i);
				v.style.background = "#fbfbfd";
				v.firstElementChild.style.color = "#000";
				v.lastElementChild.style.color = "#000";
			});
			this.style.transition = "all 1s";
			this.style.background = "#d2e5ff";
			this.firstElementChild.style.color = "#1271ef";
			this.lastElementChild.style.color = "#1271ef";
		});
	});

	// banner轮播图功能
	var mySwiper = new Swiper(".swiper", {
		autoplay: {
			delay: 3000,
			stopOnLastSlide: false,
			disableOnInteraction: false,
		}, //可选选项，自动滑动
		pagination: {
			el: ".swiper-pagination",
			clickable: true,
		},
	});
	//鼠标滑过pagination控制swiper切换
	for (i = 0; i < mySwiper.pagination.bullets.length; i++) {
		mySwiper.pagination.bullets[i].onmouseover = function () {
			this.click();
		};
	}
});

$(".returntop");
// 让按钮默认隐藏
$(".returntop").style.display = "none";
//给window添加滚动事件
this.window.addEventListener("scroll", function () {
	// 定义变量st接根节点距离顶部的距离数值
	let st = document.documentElement.scrollTop;
	// 判断变量st是否大于500
	if (st > 500) {
		// 大于返回顶部按钮显示
		$(".returntop").style.display = "block";
	} else {
		// 不大于返回顶部按钮隐藏
		$(".returntop").style.display = "none";
	}
});
// 给节点绑定点击事件
$(".returntop").addEventListener("click", function () {
	// 点击返回顶部
	window.scrollTo({ left: 0, top: 0, behavior: "smooth" });
});
